<template>
    <div class="order_catchpdd">
        <!-- <div class="where" style="background: #fff; padding: 10px 30px; font-size: 14px; color: #595959;">当前位置：生产管理>抓单管理>拼多多抓单</div>
        <div style="height: 16px; width: 100%; background: #F9F9F9;"></div> -->

        <div class="team">
            <div class="powertop">
                <router-link class="powertopli" to="/order_catch/order_catchjd">京东抓单</router-link>
                <router-link class="powertopli powertopact" to="/order_catch/order_catchpdd">拼多多抓单</router-link>
                <router-link class="powertopli" to="/order_catch/order_catchtm">天猫抓单</router-link>
            </div>
            <div class="centerall">
                <div class="t-img">
                    <img src="../../../static/img/catchyz.png">
                </div>

                <div class="back"><router-link to="/order_catch/order_catchpdd"><i class="el-icon-arrow-left"></i>返回上层</router-link></div>
                <div class="cookp" style="margin-top: 20px; font-size: 18px; color: #000">一、订购流程：</div>
                <div class="cookp" style="padding: 5px 20px;">1、订购专业版，刚才是授权的是试用版7天有效，您还需要订购专业版，授权期限为1年。</div>
                <div class="cookp" style="padding: 5px 20px;"><a target="_blank" href="https://fuwu.pinduoduo.com/service-market/service-detail?detailId=196"><el-button type="primary" plain>点我前往订购</el-button></a></div>
                <div  style="padding: 5px 20px;">
                  <img src="../../../static/img/pddsq1.png">
                </div>
                <div class="cookp" style="color: #F431FF; font-size: 16px; padding: 5px 20px;">注：请截图保留微信支付凭证</div>
                <div  style="padding: 5px 20px;">
                  <img src="../../../static/img/pddsq2.png" style="width: 300px;">
                </div>
                <div class="cookp" style="padding: 5px 20px;">2、复制下方链接在新窗口地址栏粘贴打开，前往拼多多服务市场授权</div>

                <div class="cookp" style="padding: 5px 20px;">https://fuwu.pinduoduo.com/service-market/auth?response_type=code&redirect_uri=https%3A%2F%2Ferp.hupun.com%2Fagent%2Fpinduoduo.callback.xh&state=hu11&client_id=bf1aad97af0344af91eafba41ea5eee3</div>
                <div class="cookp" style="padding: 5px 20px;">在此处登录您需要抓单的店铺“主账号”已登录主账号直接点击授权登录，如果当前登录的是不需抓单的店铺账号请切换登录。</div>
                <div style="padding: 5px 20px;">
                  <img src="../../../static/img/pddsq3.png">
                </div>
                <div class="cookp" style="padding: 5px 20px;">3、授权成功后会弹出下列提示：</div>
                <div style="padding: 5px 20px;">
                  <img src="../../../static/img/pddsq25.png">
                </div>
                <div class="cookp" style="padding: 5px 20px;">4、输入手机号“18663859997”并点击获取验证码，验证码请联系我们的客户经理获取。</div>
                <div style="padding: 5px 20px;">
                  <img src="../../../static/img/pddsq4.png" style="width: 600px;">
                </div>

                <div class="cookp" style="margin-top: 20px; font-size: 18px; color: #000">二、回传退保证金信息</div>
                <div class="cookp" style="padding: 5px 20px;">输入验证码后，点击右下方的加入，授权完成。</div>
                <div class="cookp" style="padding: 5px 20px;">订购完成后请把下列信息回传给我们（客户经理）：</div>
                <div class="cookp" style="padding: 5px 20px;">1、店铺名称 </div>
                <div class="cookp" style="padding: 5px 20px;"> 2、订单编号 (服务市场订单号，获取说明见下方) </div>
                <div class="cookp" style="padding: 5px 20px;"> 3、退款账号：开户人、开户行、银行账号、所属支行(或支付宝账号：户名、账号) </div>
                <div class="cookp" style="padding: 5px 20px;"> 4、付款凭证 (微信支付凭证，见上方实例)</div>
                <div class="cookp" style="padding: 5px 20px;">如何获取订单编号：</div>
                <div class="cookp" style="padding: 5px 20px;">订购完成后在服务市场右上角“我的订单”查看订单号</div>
                <div>
                  <img src="../../../static/img/pddsq5.png" >
                </div>
                <div>
                  <img src="../../../static/img/pddsq6.png" >
                </div>
            </div>

        </div>

    </div>

</template>

<script>
    import axios from 'axios'
    export default{
    	name : "order_catchpdd",
    	data(){
    		return {
            input:""
    		}
    	},
    	created() {

    	},
    	mounted(){

    	},
    	methods: {
        go:function(){
          window.open("http://www.jiazisoft.cn:30002/pdd/token?code="+this.input)
        }
      },
    }
</script>

<style lang="scss" scoped>
    .order_catchpdd{
        img{max-width: 100%;}
        .says48{ line-height: 25px; padding: 20px 0;}
        .team{ background: #F9F9F9;

            .powertop{ display: flex; width: 640px;}
            .powertopli{ flex-basis: 160px; line-height: 45px; border-top: 4px #F9F9F9 solid; color: #727272;  font-size: 14px; text-align: center;}
            .powertopact{ background: #FFFFFF; border-top: 4px #DD2727 solid;}
            .centerall{ padding: 20px; background: #FFFFFF; color: #666; width: 1126px;
                .t-img{ margin-bottom: 20px; position: relative;
                    img{ width: 100%;}
                    .t-email{ position: absolute; background: #FFFFFF; color: #DD2727; font-size: 14px; right: 20px; padding: 5px 10px; top: 26px; cursor: pointer;}
                    .t-48{ position: absolute; background: #FFFFFF; color: #DD2727; font-size: 14px; right: 160px; padding: 5px 10px; top: 26px; cursor: pointer;}
                }
                .back a{ color:#409EFF}
                .cooktitle{ font-size: 14px; font-weight: bold; margin: 20px 0;}
                .cookp{margin-bottom: 10px;
                  img{ max-width: 90%;}
                }
            }

        }


    }
</style>
